/* pages/order-detail/order-detail.less */
@import '../../app.less';
.goods-status {
    padding: 40rpx 0 108rpx;
    width: 100%;
    background: #24252D;
    color: @white;
    text-align: center;
    font-size: 24rpx;
    .icon-size {
        margin-right: 10rpx;
    }
    .pay-status {
        font-size: 32rpx;
    }
    .pay-time {
        margin: 16rpx 0 30rpx;
    }
    .pay-btn {
        color: @black;
        width: 164rpx;
        height: 60rpx;
        line-height: 60rpx;
        background:linear-gradient(180deg,rgba(243,243,243,1) 0%,rgba(235,235,235,1) 99%);
        box-shadow:0rpx 4rpx 8rpx 0rpx rgba(16,16,20,1);
        border-radius:30px;
        text-align: center;
        margin: 0 auto;
    }
}
.goods-bottom {
    margin-top: -70rpx;
    font-size: 24rpx;
    .address-info {
        padding: 16rpx;
        .address-top {
            border-bottom: 2rpx solid #E5E5E5;
            padding-bottom: 30rpx;
            position: relative;
            .icon-size {
                font-size: 48rpx;
                margin-right: 26rpx;
            }
            .address-detail {
                font-size: 28rpx;
                margin-top: 14rpx;
            }
            .people-label {
                font-size: 20rpx;
                color: @white;
                background-color: #FFB429;
                border-radius: 4rpx;
                padding: 0 10rpx;
                height: 36rpx;
                line-height: 36rpx;
                text-align: center;
            }
            .people-name,.people-number {
                color: #3F3F3F;
                margin-left: 20rpx;
            }
            .address-total {
                color: #3F3F3F;
                width: 570rpx;
                .twoline()
            }
            .address-time {
                margin-top: 10rpx;
                color: @minor-color;;
            }
            .arrow-right{
                .arrow();
                border-top  : 2rpx solid @main-color;
                border-right: 2rpx solid @main-color;
                position: absolute;
                right: 20rpx;
            }
        }
        .address-date {
            margin-top: 16rpx;
            color: @minor-color;
        }
        .search-btn {
            margin-top: 16rpx;
            width:162rpx;
            height:42rpx;
            line-height: 42rpx;
            border-radius:20rpx;
            border:2rpx solid #3F3F3F;
            text-align: center;
            .icon-size {
                font-size: 28rpx;
            }
        }
        .address-extra {
            border: none;
            padding-bottom: 0;
        }
    }
    .order-info {
        padding: 16rpx 16rpx 42rpx;
        .item-title {
            position: relative;
            color:#3F3F3F;
            .order-status {
                position: absolute;
                right:20rpx;
                color: @minor-color;
            }
        }
        .price-detail {
            margin-top: 20rpx;
            .price-item {
                color: #535252;
                margin-bottom: 28rpx;
                .price-l {
                    font-size: 28rpx;
                }
                .price-r {
                    font-size: 24rpx;
                }
                .price-count {
                    color: #FF6161;
                }
                &:last-of-type {
                    margin-bottom: 0;
                }
            }
        }
        .goods-info{
            padding:20rpx 0;
            font-size: 28rpx;
            .goods-pic{
                width:200rpx;
                height:200rpx;
                border-radius:8rpx;
                margin-right:30rpx;
            }
            .goods-name {
                width:462rpx;
                color:@black;
                font-size:28rpx;
                font-weight:bold;
                overflow : hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                margin-bottom: 40rpx;
            }
            .goods-text {
                color: #9F9F9F;
            }
        }
    }
    .btn-list {
        text-align: right;
        margin-bottom: 24rpx;
        .common-btn {
            padding: 6rpx 20rpx;
            line-height:48rpx;
            background:linear-gradient(136deg,rgba(102,102,102,1) 0%,rgba(43,43,43,1) 100%);
            box-shadow:0rpx 4rpx 6rpx 0rpx rgba(89,89,89,1);
            color:#FFCD81;
            text-align:center;
            border-radius:24rpx;
            display: inline-block;
            margin-right: 20rpx;
        }
        .gray-btn {
            color: #E6C3A0;
            background: @white;
            border: 2rpx solid #E6C3A0;
            box-shadow: none;
        }
    }
    .common {
        margin: 0 14rpx 20rpx;
        border-radius:8rpx;
        border:2px solid rgba(239,239,239,1);
        background: @white;
    }
}
.freight-modal{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    .freight-box{
        position:fixed;
        top:50%;
        left:50%;
        width:640rpx;
        height:320rpx;
        background:#ffffff;
        border-radius:24rpx;
        transform:translate(-50%,-50%);
        .freight-info{
            color:#353535;
            font-size:34rpx;
            line-height:48rpx;
            padding:80rpx 48rpx 32rpx;
            border-bottom:solid 2rpx #e5e5e5;
        }
        .close-btn{
            color:#576b95;
            font-size:34rpx;
            line-height:110rpx;
            text-align:center;
        }
    }
}














